<template>
    <!-- style="width: 200px;min-height: calc(100vh - 80px)"-->
    <div class="box" style=" background-color: #F3F3F4;min-height: calc(100vh - 80px)">
        <!--<div id="myChart" :style="{width: '100%', height: '400px'}"></div>-->


        <!--<div id="myChart2" :style="{width: '100%', height: '400px'}"></div>-->

        <div class="carousel-box">

            <el-card>
                <el-carousel :interval="1500" type="card" height="300px">
                    <el-carousel-item v-for="item in pointData.imgList" :key="item">
                        <img :src="item.img" style="height:100%;width:100%; opacity: 0.75;">
                    </el-carousel-item>
                </el-carousel>
            </el-card>




        </div>

        <div class="top-box">

            <div class="top-left">
                <el-card class="box-card" style="height: 100%;">
                    <template #header>
                        <div class="card-header" style="text-align: center;font-weight: bold">
                            <span>学 生 总 数</span>
                        </div>
                    </template>
                    <div  style="font-weight: bold;font-size: 35px;text-align: center">{{pointData.studentSum}}</div>
                </el-card>
            </div>

            <div class="top-middle">
                <el-card class="box-card" style="height: 100%;">
                    <template #header>
                        <div class="card-header" style="font-weight: bold;text-align: center">
                            <span> 文 章 总 数</span>
                        </div>
                    </template>
                    <div  style="text-align: center;width: 100%;font-weight: bold;font-size: 35px;"> {{ pointData.articleSum}}</div>
                </el-card>
            </div>

            <div class="top-right">
                <el-card class="box-card" style="height: 100%;">
                    <template #header>
                        <div class="card-header" style="font-weight: bold;text-align: center">
                            <span>文 件 总 数</span>
                        </div>
                    </template>

                    <div  style="text-align: center;font-weight: bold;font-size: 35px;">{{pointData.fileSum}}</div>
                </el-card>
            </div>


        </div>

        <div class="bottom-box">

                <div class="bottom-left">
                    <div style="border-top-left-radius: 5px;background-color: #83e0ff;width: 185px;height: 45px;line-height: 45px"><el-icon style="margin:0px 10px"><timer /></el-icon>每天花费时间/min</div>
                    <div id="myChart2" :style="{width: '100%', height: '100%'}"></div>
                </div>
                <div class="bottom-right">

                    <div style="text-align: center;width: 135px;height: 45px;line-height: 45px"><el-icon style="margin-right: 10px"><star /></el-icon>喜欢人数</div>

                    <div>

                        <div class="lanqiuPoint_c" >
                            <span>{{pointData.pointName[0]}}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <el-rate
                                    v-model="pointData.score.score0"
                                    disabled
                                    show-score
                                    size="large"
                                    text-color="#ff9900"
                                    score-template="&nbsp;&nbsp;&nbsp;{value} k"
                            />
                        </div>


                        <div class="lanqiuPoint_c" style="display: flex;justify-content: center;justify-items: center">
                            <span>{{pointData.pointName[1]}}</span>&nbsp;&nbsp;&nbsp;&nbsp;
                            <el-rate
                                    v-model="pointData.score.score1"
                                    disabled
                                    size="large"
                                    show-score
                                    text-color="#ff9900"
                                    score-template="&nbsp;&nbsp;&nbsp;{value} k"
                            />
                        </div>
                        <div class="lanqiuPoint_c" style="display: flex;justify-content: center;justify-items: center">
                            <span>{{pointData.pointName[2]}}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <el-rate
                                    v-model="pointData.score.score2"
                                    disabled
                                    size="large"
                                    show-score
                                    text-color="#ff9900"
                                   score-template="&nbsp;&nbsp;&nbsp;{value} k"
                            />
                        </div>
                        <div class="lanqiuPoint_c" style="display: flex;justify-content: center;justify-items: center">
                            <span>{{pointData.pointName[3]}}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <el-rate
                                    v-model="pointData.score.score3"
                                    disabled
                                    show-score
                                    text-color="#ff9900"
                                   score-template="&nbsp;&nbsp;&nbsp;{value} k"
                            />
                        </div>
                        <div class="lanqiuPoint_c" style="display: flex;justify-content: center;justify-items: center">
                            <span>{{pointData.pointName[4]}}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <el-rate
                                    v-model="pointData.score.score4"
                                    disabled
                                    size="large"
                                    show-score
                                    text-color="#ff9900"
                                   score-template="&nbsp;&nbsp;&nbsp;{value} k"
                            />
                        </div>
                        <div class="lanqiuPoint_c" style="display: flex;justify-content: center;justify-items: center">
                            <span>{{pointData.pointName[5]}}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <el-rate
                                    v-model="pointData.score.score5"
                                    disabled
                                    show-score
                                    size="large"
                                    text-color="#ff9900"
                                   score-template="&nbsp;&nbsp;&nbsp;{value} k"
                            />
                        </div>
                        <div class="lanqiuPoint_c" style="display: flex;justify-content: center;justify-items: center">
                            <span>{{pointData.pointName[6]}}</span>&nbsp;&nbsp;&nbsp;&nbsp;
                            <el-rate
                                    v-model="pointData.score.score6"
                                    disabled
                                    size="large"
                                    show-score
                                    text-color="#ff9900"
                                   score-template="&nbsp;&nbsp;&nbsp;{value} k"
                            />
                        </div>
                        <div class="lanqiuPoint_c" style="display: flex;justify-content: center;justify-items: center">
                            <span>{{pointData.pointName[7]}}</span>&nbsp;&nbsp;&nbsp;&nbsp;

                            <el-rate
                                    v-model="pointData.score.score7"
                                    disabled
                                    size="large"
                                    show-score
                                    text-color="#ff9900"
                                    score-template="&nbsp;&nbsp;&nbsp;{value} k"
                            />
                        </div>
                    </div>

                </div>


        </div>

    </div>
</template>

<script setup>
    import request from '../utils/request'
    import {ref, reactive, onMounted,watch} from 'vue'
    import {Search, Iphone, User, HomeFilled, CirclePlus, Upload, Download ,Bottom,Star,Timer} from '@element-plus/icons-vue'
    import { ElMessage } from 'element-plus'
    import * as echarts from 'echarts'
    onMounted(() => {
        getData()
    })
    var pathSymbols = {
        lanqiu: 'path://M508.4 514m-428.6 0a428.6 428.6 0 1 0 857.2 0 428.6 428.6 0 1 0-857.2 0Z' +
            'M508.4 962.5c-60.6 0-119.3-11.9-174.6-35.3-53.4-22.6-101.4-54.9-142.6-96.1C150 790 117.7 ' +
            '742 95.1 688.6 71.7 633.3 59.8 574.5 59.8 514s11.9-119.3 35.3-174.6C117.7 286 150 ' +
            '238 191.2 196.8s89.2-73.5 142.6-96.1c55.3-23.4 114.1-35.3 174.6-35.3 60.6 0 ' +
            '119.3 11.9 174.6 35.3 53.4 22.6 101.4 54.9 142.6 96.1 41.2 41.2 73.5 89.2 ' +
            '96.1 142.6 23.4 55.3 35.3 114 35.3 174.6 0 60.6-11.9 119.3-35.3 174.6-22.6 ' +
            '53.4-54.9 101.4-96.1 142.6-41.2 41.2-89.2 73.5-142.6 96.1-55.3 23.4-114 ' +
            '35.2-174.6 35.2z m0-857.1C283.1 105.4 99.8 288.7 99.8 514s183.3 408.6 ' +
            '408.6 408.6C733.7 922.5 917 739.2 917 514S733.7 105.4 508.4 105.4z ' +
            'M545.6 955.4c-56.4-67-91.4-155.5-104.2-262.8-10-84.6-6.2-181.2 11.2-287.1 29.5-179.4 ' +
            '87.3-321.7 89.8-327.7l37 15.2c-0.6 1.4-58.7 144.7-87.4 319.8-26.1 159.1-32.7 ' +
            '378 84.2 517l-30.6 25.6z M79.8 514H937 ' +
            'M79.8 494H937v40H79.8z M762.7 857.3c-57.2-70-93.7-149.7-108.5-236.9-11.8-69.4-9.8-143.5 5.8-220.3 ' +
            '26.4-130 82.4-221.9 84.8-225.7l34.1 21c-0.9 1.5-55.1 91-79.9 214-32.9 163.3-1 305.5 ' +
            '94.7 422.6l-31 25.3zM189.5 819.9l-31-25.3c86.2-105.6 115-233.7 ' +
            '85.3-380.8-22.4-111.4-71.6-192.4-72.1-193.2l34.1-21c2.2 3.5 53 86.9 77 204.9 14.2 69.7 16 137 5.3 ' +
            '200.1-13.4 79.3-46.6 151.7-98.6 215.3z',
        yumaoqiu: 'path://M785.066667 477.866667c-3.413333 0-10.24-3.413333-13.653334-3.413334l-204.8-204.8c-3.413333-' +
            '3.413333-6.826667-6.826667-3.413333-13.653333 0-3.413333 ' +
            '3.413333-10.24 6.826667-13.653333l109.226666-95.573334C706.56 119.466667 744.106667 102.4 785.066667 ' +
            '102.4s78.506667 17.066667 109.226666 44.373333c30.72 30.72 44.373333 68.266667 44.373334 109.226667 0 ' +
            '40.96-17.066667 78.506667-44.373334 109.226667l-95.573333 109.226666c-3.413333 0-6.826667 3.413333-13.653333 ' +
            '3.413334z m-180.906667-221.866667l180.906667 180.906667 85.333333-95.573334c47.786667-47.786667 47.786667-122.88 ' +
            '0-170.666666-44.373333-44.373333-122.88-44.373333-167.253333 0l-98.986667 ' +
            '85.333333z M682.666667 273.066667c-3.413333 0-10.24 0-13.653334-3.413334-6.826667-6.826667-6.826667-17.066667 ' +
            '0-23.893333l51.2-51.2c20.48-20.48 44.373333-23.893333 64.853334-23.893333 23.893333 0 44.373333 10.24 ' +
            '61.44 23.893333 6.826667 6.826667 6.826667 17.066667 0 23.893333-6.826667 6.826667-17.066667 ' +
            '6.826667-23.893334 0-10.24-6.826667-23.893333-13.653333-37.546666-13.653333-10.24 0-27.306667 0-37.546667 ' +
            '13.653333l-51.2 51.2c-3.413333 3.413333-10.24 3.413333-13.653333 3.413334zM614.4 921.6c-273.066667 ' +
            '0-494.933333-221.866667-494.933333-494.933333 0-6.826667 3.413333-13.653333 10.24-17.066667l443.733333-170.666' +
            '667c10.24-3.413333 ' +
            '17.066667 0 20.48 10.24s0 17.066667-10.24 20.48L153.6 436.906667c6.826667 245.76 204.8 443.733333 450.56 ' +
            '450.56l167.253333-433.493334c3.413333-10.24 13.653333-13.653333 20.48-10.24 10.24 3.413333 13.653333 13.653333 ' +
            '10.24 20.48l-170.666666 443.733334c-3.413333 10.24-10.24 13.653333-17.066667 13.653333z M290.133333 768c-3.413333 ' +
            '0-10.24 0-13.653333-3.413333-6.826667-6.826667-6.826667-17.066667 0-23.893334l392.533333-392.533333c6.826667-6.826667 ' +
            '17.066667-6.826667 23.893334 0s6.826667 17.066667 0 23.893333L303.786667 764.586667c-3.413333 3.413333-10.24 ' +
            '3.413333-13.653334 3.413333zM443.733333 887.466667c-3.413333 0-6.826667 0-10.24-3.413334-6.826667-3.413333-10.24-17.066' +
            '667-6.826666-23.893333L716.8 ' +
            '399.36c3.413333-6.826667 17.066667-10.24 23.893333-6.826667 6.826667 3.413333 10.24 17.066667 6.826667 ' +
            '23.893334l-290.133333 460.8c-3.413333 6.826667-6.826667 10.24-13.653334 10.24zM170.666667 614.4c-6.826667 ' +
            '0-10.24-3.413333-13.653334-6.826667-3.413333-6.826667-3.413333-17.066667 6.826667-23.893333l460.8-290.133333c6.826667-3.413333 ' +
            '17.066667-3.413333 23.893333 6.826666 3.413333 6.826667 0 17.066667-6.826666 20.48L180.906667 610.986667c-3.413333 ' +
            '3.413333-6.826667 3.413333-10.24 3.413333z',
        paobu: 'path://M391.967328 609.721605c-18.145175-18.801025-34.104184-40.662681-67.333903-39.350982-63.398804 ' +
            '2.623399-127.016225 1.311699-190.41503 0.437234C111.482272 570.370623 90.713698 575.398804 91.588165 ' +
            '599.446627s22.080273 28.857387 44.379163 28.420154c38.476516-0.874466 77.171648-0.218617 115.86678-0.218617v-0.437233c42.411614 ' +
            '0 84.604611 0.218617 127.016226 0 11.368061 0 27.982921-1.748933 13.116994-17.489326M132.688079 404.440649c40.006832-0.218617 80.23228-3.497865 119.583262 ' +
            '0.874466 48.532878 5.246798 83.948762-11.149445 115.866781-57.058924-82.637062 0-159.371477 ' +
            '0.437233-236.105892-0.218616-20.98719-0.218617-40.662681 3.279249-39.788216 27.108454S111.700889 404.440649 ' +
            '132.688079 404.440649m-11.586678 106.684885c24.922289-0.874466 49.844577-0.218617 74.766866-0.218617 ' +
            '22.517506 0 45.035013 1.093083 67.333903-0.437233 11.368061-0.874466 30.387703 8.744663 31.043552-14.865927 ' +
            '0.218617-17.052092-4.372331-34.541418-23.829206-36.946199-51.812126-6.121264-104.280102-6.777114-156.310845 ' +
            '0.437233-12.461144 1.748933-26.889838 12.023911-22.517506 29.076003 3.497865 13.116994 12.461144 23.391973 ' +
            '29.513236 22.736123 M929.545466 387.82579c-18.801025-42.630231-54.654142-22.517506-84.604611-24.266439s-57.277541 ' +
            '30.606319-81.325363 9.400512c-20.768574-18.363792-32.792485-48.970111-42.192998-76.297182-12.242528-35.197267-40.662681-60.119556-63.180188-97.065755 ' +
            '80.013664 30.824936 128.109308 2.186166 151.282665-35.634501 26.889838-43.723313 19.456874-101.000854-16.833476-134.449188s-92.474808-39.132365' +
            '-133.356106-12.242528c-52.467976 ' +
            '34.322801-59.900939 78.264731-24.485055 165.492741-56.840307-17.926558-103.842869-44.816396-153.906063-64.710504-19.894108-7.870196-38.913749-27.54568' +
            '7-62.087106-17.926558-61.212639 ' +
            '25.140905-122.425278 50.93766-182.1076 79.795047C200.021982 197.629377 192.151785 222.988898 207.673562 251.409052c12.679761 23.173356 44.59778 30.387703 76.0785' +
            '65 16.833476 26.889838-11.805295 53.998292-23.391973 ' +
            '79.795047-37.383433 43.28608-23.173356 82.637062-23.610589 124.83006 5.902647 27.545687 19.019641 23.610589 30.824936 3.279248 50.063194-46.128096 43.7233' +
            '13-95.098207 84.385995-133.5' +
            '74722 135.542272-28.201537 37.60205-26.889838 ' +
            '76.297182 6.99573 108.652433 41.537148 39.788215 85.041845 77.608881 127.453459 116.741247 13.116994 12.242528 24.485056 24.485056-6.121264 30.169086-41.3' +
            '18531 7.65158-81.981213 18.801' +
            '025-123.081128 27.108455-29.95047 6.121264-54.654142 34.104184-49.407344 58.58924 6.121264 28.857387 41.974381 47.439795 72.799317 40.225448 81.325363-19.238258 ' +
            '162.650726-38.257899 244.631939-55.309991 41.974381-8.744663 61.431255-50.719044 36.29035-84.385995s-48.751494-61.431255-71.487618-93.349274c-53.123826-7' +
            '4.766866-52.905209-74.985482 ' +
            '14.210077-140.570453 37.820666-36.727583 37.383433-36.508967 66.022203 ' +
            '11.368061 12.461144 20.768574 23.173356 46.128096 53.998293 43' +
            '.723314 60.556789-4.809564 119.364646-20.549957 177.735269-36.071734 22.080273-6.121264 30.824936-39.569599 21.424423-61.431255M623.' +
            '700889 763.846285c-29.29462 21.64304-70.175918 9' +
            '.400512-103.624253 28.420154a71.269001 71.269001 ' +

            '0 0 0-24.266439 21.64304c-29.076003 43.94193-55.747225 89.414176-84.' +
            '385995 133.574723-17.052092 26.015371-10.493595 48.751494 10.930829 64.710503s50.719044 16.833476 69.082835-8.088813c51.59351-69.738685 101.87532-140.78' +
            '9069 152.15713-211.620836 13.99146-19.675491 ' +
            '1.748933-26.015371-19.894107-28.638771',
        yuedu: 'path://M174.039526 32.379447l455.335968 82.972332v888.411067H174.039526c-82.972332 0-151.778656-58.687' +
            '747-151.778656-135.588933v-728.537549c0-72.853755 70.83004-121.422925 151.778656-107.256917z ' +
            'M649.612648 1024H174.039526c-95.114625 0-172.01581-68.806324-172.015811-155.' +
            '826087v-728.537549c0-36.426877 16.189723-70.83004 44.52174-95.114625C80.948617 16.189723 127.494071 4.04' +
            '7431 176.063241 12.142292l473.549407 87.019763v924.837945zM145.70751 50.592885c-28.332016 0-54.640316 8.0' +
            '94862-72.853755 24.284585-20.237154 16.189723-30.355731 38.450593-30.355731 64.758894v728.537549c0 64.75' +
            '8893 56.664032 115.351779 131.541502 115.351779h435.098814v-849.960475l-439.146245-80.948616c-8.094862' +
            '-2.023715-16.189723-2.023715-24.284585-2.023716z M1056.379447 4.047431l-465.' +
            '454546 82.972332v934.956522h467.478261c82.972332 0 153.802372-62.735178 153.802372-141.660079V115.35177' +
            '9c-2.023715-78.924901-72.853755-129.517787-155.826087-111.304348z M1019.952' +
            '569 356.173913l-350.102767 26.3083c-16.189723 0-26.3083 10.118577-26.3083 26.308301s10.118577 26.3083 ' +
            '26.3083 26.3083l350.102767-26.3083c16.189723 0 26.3083-10.118577 26.308301-26.308301 2.023715-12.14229' +
            '2-10.118577-26.3083-26.308301-26.3083z m0 269.15415l-350.102767 26.308301c-16.189723 0-26.3083 10.1185' +
            '77-26.3083 26.3083s10.118577 26.3083 26.3083 26.3083l350.102767-26.3083c16.189723 0 26.3083-10.118577 ' +
            '26.308301-26.3083 2.023715-12.142292-10.118577-26.3083-26.308301-26.308301z',
        shufa: 'path://M227.7376 596.1728c64.9216-52.' +
            '6336 159.744-76.5952 247.3984 0 81.92 72.2944 75.5712 191.488-7.9872 277.504a286.72 286.72 0 0 1-291.84 ' +
            '73.5232C76.3904 918.1184 20.48 817.9712 20.48 817.9712a240.4352 240.4352 0 0 0 81.92-48.128c40.96-41.984 ' +
            '54.8864-116.5312 125.3376-173.6704z M476.16 599.8592C389.12 520.8064 294.7072 ' +
            '543.1296 228.9664 593.92s-81.92 113.2544-115.0976 155.8528l4.096-1.6384A61.44 61.44 0 0 1 143.36 747.52a3' +
            '43.4496 343.4496 0 0 1 86.6304-107.7248c65.9456-51.6096 160.9728-73.9328 247.3984 5.12a167.936 167.936 0 0' +
            ' 1 53.6576 97.0752 167.3216 167.3216 0 0 0-54.8864-142.1312z M404.0704 548.2496L' +
            '886.5792 94.4128a69.4272 69.4272 0 0 1 96.4608 1.6384 69.4272 69.4272 0 0 1 1.4336 96.6656L530.8416 675.84 ' +
            'M413.9008 548.6592l100.7616-94.6176 107.52 108.3392-94.8224 103.2192-113.4592-116' +
            '.9408z M909.1072 129.2288a69.2224 69.2224 0 0 1 91.7504-2.6624 69.0176 69.0176 0 0' +
            ' 0-114.2784-32.1536L404.0704 548.2496l28.8768 28.8768z M997.5808 81.92a89.4976 89.' +
            '4976 0 0 0-125.1328-1.8432l-480.256 450.56a207.872 207.872 0 0 0-177.5616 49.152A352.256 352.256 0 0 0 126.97' +
            '6 696.32a262.7584 262.7584 0 0 1-39.7312 60.0064A220.7744 220.7744 0 0 1 13.9264 798.72a20.48 20.48 0 0 0-11.' +
            '264 29.4912c2.4576 4.3008 61.44 107.7248 166.912 138.8544a333.824 333.824 0 0 0 94.4128 13.9264 300.6464 300.' +
            '6464 0 0 0 217.9072-92.16A235.52 235.52 0 0 0 552.96 716.8a187.8016 187.8016 0 0 0-4.096-31.5392l450.56-478.8' +
            '224A89.4976 89.4976 0 0 0 997.5808 81.92zM452.4032 860.16a266.24 266.24 0 0 1-271.36 67.3792 264.192 264.192 ' +
            '0 0 1-129.8432-99.9424 232.2432 232.2432 0 0 0 65.1264-43.2128A295.3216 295.3216 0 0 0 163.84 714.9568a313.9' +
            '584 313.9584 0 0 1 77.6192-102.4c34.6112-28.0576 125.3376-84.1728 220.9792 0A146.432 146.432 0 0 1 512 718.6' +
            '432 195.1744 195.1744 0 0 1 452.4032 860.16z m36.2496-278.528a234.2912 234.2912 0 0 0-52.8384-35.4304l73.9328' +
            '-69.632 92.5696 92.5696-67.7888 72.4992a193.9456 193.9456 0 0 0-45.8752-59.8016zM969.728 178.5856L630.3744 53' +
            '9.4432l-90.7264-90.7264L901.12 109.3632a48.9472 48.9472 0 0 1 69.2224 69.2224z',
        lvyou: 'path://M5' +
            '41.135 729.917c8.552 0.132 17.083 0.369 25.59 0.714 8.841-59.602 20.568-200.411-43.532-302.466 15.342 37.0' +
            '91 24.996 79.567 28.718 126.794 5.92 75.103-4.452 142.762-10.776 174.958zM421.234 734.936c29.291-2.873 58.' +
            '45-4.543 87.4-5.005 5.59-27.049 17.633-96.98 11.505-173.239-8.209-102.158-44.384-176.453-107.714-221.701-1' +
            '.181-0.488-2.359-0.978-3.557-1.453 0.001 0 109.877 155.17 12.366 401.398z M947' +
            '.909 826.882c-80.819-39.993-166.72-67.849-256.14-83.151l92.297-171.766 129.689 74.601 7.931-13.786c21.589' +
            '-37.53 27.258-81.484 15.963-123.767-10.543-39.463-34.662-72.78-68.344-94.737l12.279-21.347c4.38-7.614 1.75' +
            '8-17.338-5.856-21.718-7.615-4.38-17.338-1.758-21.717 5.856l-12.949 22.51c-19.187-7.705-39.763-11.733-60.55-' +
            '11.733-58.776 0-113.326 31.358-142.362 81.837l-7.931 13.786 126.261 72.629-94.725 176.285a15.82 15.82 0 0 0' +
            '-1.848 6.448 965.334 965.334 0 0 0-34.785-4.12 994.285 994.285 0 0 0-58.398-4.08c-8.508-0.345-17.038-0.583-' +
            '25.59-0.714 6.324-32.196 16.696-99.855 10.776-174.958-3.722-47.226-13.376-89.703-28.718-126.794-4.431-10.71' +
            '3-9.313-21-14.693-30.794a284.025 284.025 0 0 0-12.18-20.16l112.384 67.085-1.043-2.818c-22.897-61.93-52.595-' +
            '104.129-88.27-125.425-3.14-1.874-6.248-3.753-9.332-5.617-28.211-17.052-54.857-33.159-85.43-33.159-7.636 0-15' +
            '.286 1.018-23.018 3.045l217.138-121.185-2.384-0.726c-19.032-5.796-40.092-8.86-60.902-8.86-33.73 0-65.538 7.8' +
            '01-91.984 22.561-26.575 14.832-47.789 32.021-63.053 51.092-10.079 12.592-17.769 26.283-23.051 40.915l3.65-2' +
            '50.685-1.82 1.701c-39.114 36.556-63.859 89.914-64.578 139.253-0.275 18.88 1.272 36.424 4.605 52.458-11.647-' +
            '13.789-24.176-24.706-37.545-32.686-3.14-1.874-6.248-3.753-9.332-5.617-28.211-17.052-54.857-33.159-85.43-33.1' +
            '59-19.404 0-38.898 6.471-59.594 19.783l-1.439 0.925 216.937 129.495 0.686 0.949a216.823 216.823 0 0 0-29.784' +
            '-2.075c-33.73 0-65.538 7.801-91.984 22.561-26.575 14.832-47.789 32.021-63.053 51.092-17.119 21.387-27.403 4' +
            '5.919-30.567 72.913l-0.242 2.06 228.959-127.782a154.087 154.087 0 0 1 2.201 3.613c-29.669 35.037-47.833 80.1' +
            '17-48.447 122.273-0.443 30.431 3.837 57.398 12.72 80.152 9.963 25.519 26.066 46.691 47.861 62.929l1.663 1.24 ' +
            '3.367-231.249c7.024 17.346 14.424 39.859 19.988 67.366 13.579 67.133 18.135 177.297-37.27 320.879a15.826 15.' +
            '826 0 0 0-0.356 10.384c-4.197 0.654-8.396 1.323-12.596 2.025C184.93 771.85 79.085 824.704 74.658 826.941c-7.' +
            '84 3.961-10.984 13.528-7.023 21.368 3.962 7.841 13.529 10.983 21.369 7.023 1.041-0.526 105.906-52.9 262.218-' +
            '79.042 144.132-24.103 362.202-29.95 582.579 79.102a15.837 15.837 0 0 0 7.041 1.653c5.858 0 11.494-3.248 14.' +
            '268-8.854 3.896-7.872 0.671-17.412-7.201-21.309zM780.512 419.656c10.826 0 21.578 1.369 32.006 4.006L707.089' +
            ' 490.99l-32.583-18.743c24.677-32.776 63.993-52.591 106.006-52.591z m120.697 182.996l-41.327-23.773 5.323-128' +
            '.049c20.16 17.138 34.678 40.061 41.711 66.393 7.709 28.86 5.637 58.654-5.707 85.429z m-96.538-136.236l-33.12' +
            '7 61.65-33.361-19.19 66.488-42.46z m27.371 16.264l-3.255 78.313-29.658-17.06 32.913-61.253z m-397.05 67.013c' +
            '4.151-50.288 1.588-98.861-7.617-144.371-6.269-30.993-14.755-56.322-22.802-75.73a231.257 231.257 0 0 1 7.853 ' +
            '5.399c63.329 45.248 99.505 119.543 107.714 221.701 6.128 76.26-5.916 146.19-11.505 173.239-28.949 0.463-58.10' +
            '8 2.132-87.4 5.005a1104.998 1104.998 0 0 0-30.491 3.413c24.35-64.468 39.233-127.909 44.248-188.656z M812.518 ' +
            '423.662a130.58 130.58 0 0 0-32.006-4.006c-42.013 0-81.329 19.815-106.006 52.591l32' +
            '.583 18.743 105.429-67.328zM832.042 482.68l-32.914 61.253 29.659 17.06zM865.204 450.831l-5.323 128.049 41.327' +
            ' 23.773c11.345-26.775 13.417-56.569 5.707-85.429-7.034-26.332-21.551-49.255-41.711-66.393zM804.671 466.416l-6' +
            '6.488 42.46 33.361 19.19z',
        dayouxi: 'path://M814.027289 958.506357c-79.889515 0-192.97713-88.539522-238.921531-184.639231L448.879915 ' +
            '773.867126c-45.677319 96.098685-158.709675 182.654017-238.909252 182.654017-145.678894 0-178.471764-284.7267' +
            '63-178.471764-384.381437 0-130.87677 104.693434-237.594303 233.385445-237.594303l494.228241 0c128.692011 0 2' +
            '33.385445 106.20895 233.385445 236.468666C992.500077 671.473061 959.707207 958.506357 814.027289 958.506357zM' +
            '430.941358 718.952422l162.115238 0c11.31572 0 21.463848 7.427156 25.580608 17.966187 33.476439 85.829807 138.' +
            '452305 166.886915 195.389062 166.886915 82.264609 0 123.558084-213.403345 123.558084-332.670705 0-99.973946-8' +
            '0.065524-181.674713-178.471764-181.674713L264.885368 389.460106c-96.744391 0-178.471764 84.033905-178.471764 ' +
            '182.922123 0 134.550439 44.001143 329.439104 123.55706 329.439104 57.273425 0 162.315806-80.199577 195.390086' +
            '-165.0378C409.47751 726.245526 419.626661 718.952422 430.941358 718.952422zM491.406474 691.488931l-13.728676 ' +
            '0c-7.588839 0-13.728676-6.141884-13.728676-13.728676 0-7.588839 6.139837-13.728676 13.728676-13.728676l13.728' +
            '676 0c7.588839 0 13.728676 6.139837 13.728676 13.728676C505.13515 685.34807 498.995313 691.488931 491.406474 ' +
            '691.488931zM211.284589 865.301582c-7.588839 0-13.728676-5.925966-13.728676-13.514805 0-7.586792 6.139837-13.5' +
            '94623 13.728676-13.594623 39.416731 0 136.200008-98.835006 161.792896-164.976402 2.051729-5.282307 7.132444-9' +
            '.184173 12.803607-9.184173l50.610678 0c7.588839 0 13.728676 6.139837 13.728676 13.728676 0 7.586792-6.139837 ' +
            '13.728676-13.728676 13.728676l-41.507346 0C364.175745 760.13845 267.915377 865.301582 211.284589 865.301582zM' +
            '511.744685 386.350279c-7.909134 0-15.766079-3.405563-21.195741-9.975189-9.639544-11.704576-7.990998-29.012777' +
            ' 3.700275-38.664601 22.966061-18.944468 38.08848-44.310182 38.517245-64.60746 0.2415-11.288091-3.914146-20.39' +
            '1423-13.098319-28.650527-30.727839-27.658943-94.65173-85.213777-34.562167-168.054507 8.915044-12.254092 26.06' +
            '3609-14.975063 38.356586-6.099928 12.267395 8.916067 15.001669 26.075889 6.099928 38.356586-24.695448 34.0259' +
            '54-19.170618 53.559846 26.840298 94.987375 21.036106 18.931165 31.855522 43.344181 31.278377 70.627571-0.7910' +
            '16 36.681434-22.644743 76.231195-58.4666 105.806791C524.091898 384.285247 517.898849 386.350279 511.744685 38' +
            '6.350279zM263.249101 692.440605c-7.588839 0-13.728676-6.139837-13.728676-13.728676L249.520425 486.512513c0-7.' +
            '588839 6.139837-13.728676 13.728676-13.728676s13.728676 6.139837 13.728676 13.728676l0 192.199417C276.977777 ' +
            '686.300768 270.83794 692.440605 263.249101 692.440605zM354.120738 595.388199 161.921321 595.388199c-7.588839 ' +
            '0-13.728676-6.139837-13.728676-13.728676s6.139837-13.728676 13.728676-13.728676l192.199417 0c7.588839 0 13.72' +
            '8676 6.139837 13.728676 13.728676S361.709577 595.388199 354.120738 595.388199zM768.6191 583.871911c-12.57541 ' +
            '0-24.38641-4.906753-33.276894-13.808494-8.874111-8.861832-13.768585-20.673855-13.768585-33.249265s4.894474-2' +
            '4.38641 13.782911-33.275871c17.751293-17.777899 48.773843-17.777899 66.525136 0 8.901741 8.889461 13.795191 ' +
            '20.700461 13.795191 33.275871s-4.89345 24.387433-13.781888 33.261545C793.00551 578.966181 781.19451 583.8719' +
            '11 768.6191 583.871911zM768.6191 517.227048c-5.228071 0-10.149151 2.025123-13.849426 5.724375-3.699252 3.700' +
            '275-5.737678 8.620331-5.737678 13.862729 0 5.228071 2.038426 10.149151 5.737678 13.848403 7.40055 7.429203 2' +
            '0.283975 7.429203 27.712155 0 3.700275-3.699252 5.737678-8.620331 5.737678-13.848403s-2.037403-10.148128-5.75' +
            '0981-13.862729C778.768251 519.252171 773.848195 517.227048 768.6191 517.227048zM843.899644 659.137105c-12.576' +
            '433 0-24.40176-4.906753-33.289174-13.808494-8.876158-8.861832-13.768585-20.671809-13.768585-33.249265 0-12.57' +
            '541 4.892427-24.385387 13.781888-33.261545 17.751293-17.777899 48.759517-17.777899 66.537416 0 18.35402 18.32' +
            '7414 18.35402 48.171116 0.014326 66.538439C868.272751 654.244678 856.460728 659.137105 843.899644 659.137105z' +
            'M843.885318 592.492242c-5.228071 0-10.149151 2.038426-13.849426 5.737678-3.700275 3.701299-5.737678 8.620331-' +
            '5.737678 13.848403 0 5.230118 2.037403 10.149151 5.737678 13.850449 7.413853 7.41283 20.311605 7.41283 27.726' +
            '481 0.01228 7.627724-7.641027 7.627724-20.068058-0.014326-27.711132C854.047772 594.530668 849.127715 592.4922' +
            '42 843.885318 592.492242zM693.352883 659.137105c-12.57541 0-24.387433-4.892427-33.275871-13.794168-8.889461-' +
            '8.888438-13.782911-20.700461-13.768585-33.263591 0-12.57541 4.892427-24.385387 13.782911-33.261545 17.750269' +
            '-17.777899 48.77282-17.777899 66.524113 0 8.889461 8.861832 13.795191 20.673855 13.795191 33.249265 0.014326 ' +
            '12.57541-4.881171 24.399713-13.782911 33.289174C717.741339 654.244678 705.929316 659.137105 693.352883 659.1371' +
            '05zM693.352883 592.492242c-5.228071 0-10.149151 2.038426-13.848403 5.737678-3.701299 3.701299-5.737678 8.620331-' +
            '5.737678 13.848403 0 5.230118 2.025123 10.149151 5.724375 13.850449 7.427156 7.440459 20.323884 7.40055 27.725458' +
            ' 0.01228 3.700275-3.699252 5.737678-8.632611 5.737678-13.862729 0-5.228071-2.037403-10.147104-5.737678-13.8351C703' +
            '.502034 594.530668 698.581977 592.492242 693.352883 592.492242zM768.6191 734.396159c-12.57541 0-24.38641-4.879124-' +
            '33.262568-13.780865-8.888438-8.876158-13.782911-20.694321-13.782911-33.269731s4.894474-24.387433 13.782911-33.2635' +
            '91c17.751293-17.775852 48.773843-17.775852 66.525136 0 8.888438 8.861832 13.795191 20.673855 13.795191 33.249265 0' +
            '.013303 12.57541-4.880147 24.407899-13.781888 33.283034C793.00551 729.518059 781.19451 734.396159 768.6191 734.3961' +
            '59zM768.6191 667.759483c-5.228071 0-10.149151 2.036379-13.849426 5.737678-3.699252 3.699252-5.737678 8.620331-5.737' +
            '678 13.848403 0 5.242398 2.038426 10.163477 5.737678 13.862729 7.414877 7.421017 20.324908 7.393387 27.712155 0 3.70' +
            '0275-3.699252 5.737678-8.634658 5.737678-13.862729s-2.037403-10.149151-5.737678-13.836123C778.768251 669.795862 773.' +
            '848195 667.759483 768.6191 667.759483z',
        kandianying: 'path://M517.438508 414.760728a117.752128 117.752128 0 1 0-117.752128-117.752129 117.752128 117.75212' +
            '8 0 0 0 117.752128 117.752129z m0-158.709391a40.957262 40.957262 0 1 1-40.957262 40.957262 40.957262 4' +
            '0.957262 0 0 1 40.957262-40.957262zM635.190636 721.940193a117.752128 117.752128 0 1 0-117.752128 117.75' +
            '2128 117.752128 117.752128 0 0 0 117.752128-117.752128z m-158.70939 0a40.957262 40.957262 0 1 1 40.9572' +
            '62 40.957262 40.957262 40.957262 0 0 1-40.957262-40.957262zM729.904305 627.226524a117.752128 117.752128' +
            ' 0 1 0-117.752129-117.752128 117.752128 117.752128 0 0 0 117.752129 117.752128z m0-158.70939a40.957262 ' +
            '40.957262 0 1 1-40.957262 40.957262 40.957262 40.957262 0 0 1 40.957262-40.957262zM304.972711 391.72226' +
            '8a117.752128 117.752128 0 1 0 117.752129 117.752128 117.752128 117.752128 0 0 0-117.752129-117.752128z m' +
            '0 158.70939a40.957262 40.957262 0 1 1 40.957262-40.957262 40.957262 40.957262 0 0 1-40.957262 40.957262zM' +
            '960.288903 947.205134h-178.573662a511.965775 511.965775 0 1 0-272.826561 76.794866h451.400223a38.397433 3' +
            '8.397433 0 0 0 0-76.794866zM77.147941 512.034225a435.170909 435.170909 0 1 1 435.170909 435.170909 435.68' +
            '2875 435.682875 0 0 1-435.170909-435.170909z',
    };

    const pointData = reactive({

        studentSum: '',
        articleSum: '',
        fileSum: '',
        pointName: '',
        score: {},
        imgList: [
            {img: require('../assets/img/imgList/1.jpg')},
            {img: require('../assets/img/imgList/2.jpg')},
            {img: require('../assets/img/imgList/3.jpg')},
            {img: require('../assets/img/imgList/4.jpg')},
            {img: require('../assets/img/imgList/5.jpg')},
            {img: require('../assets/img/imgList/6.jpg')},

        ],
    })

   const getData = () => {

        //echart1
       request.get("/hobby/echart1").then(res => {
            // let myChart = echarts.init(document.getElementById("myChart"))
            // myChart.setOption({
            //     xAxis: {
            //         type: 'category',
            //         data: res.data.names
            //     },
            //     yAxis: {
            //         type: 'value'
            //     },
            //     series: [
            //         {
            //             data: res.data.values,
            //             type: 'bar'
            //         }
            //     ]
            // })



           // echart2
           // console.log("res.data.values.value=>",res.data.values[0].value)
           let myChart2 = echarts.init(document.getElementById("myChart2"))
           myChart2.setOption({
               tooltip: {
                   trigger: 'axis',
                   axisPointer: {
                       type: 'none'
                   },
                   formatter: function (params) {
                       return params[0].name + ': ' + params[0].value;
                   }
               },
               xAxis: {
                   data: res.data.names,
                   axisTick: {show: false},
                   axisLine: {show: false},
                   axisLabel: {
                       color: '#ff9900'
                   }
               },
               // false true
               yAxis: {
                   splitLine: {show: false},
                   axisTick: {show: false},
                   axisLine: {show: false},
                   axisLabel: {show: false}
               },
               // color: ['#e54035'],
               // color: ['lightblue'],
               color: ['#ff9900'],
               series: [{
                   name: 'hill',
                   type: 'pictorialBar',
                   barCategoryGap: '-130%',
                   // symbol: 'path://M0,10 L10,10 L5,0 L0,10 z',
                   symbol: 'path://M0,10 L10,10 C5.5,10 5.5,5 5,0 C4.5,5 4.5,10 0,10 z',
                   itemStyle: {
                       opacity: 0.5
                   },
                   emphasis: {
                       itemStyle: {
                           opacity: 1
                       }
                   },
                   data: [
                       res.data.values[0].valueSpendTime,
                       res.data.values[1].valueSpendTime,
                       res.data.values[2].valueSpendTime,
                       res.data.values[3].valueSpendTime,
                       res.data.values[4].valueSpendTime,
                       res.data.values[5].valueSpendTime,
                       res.data.values[6].valueSpendTime,
                       res.data.values[7].valueSpendTime,

                   ],
                   z: 10
               }, {
                   name: 'glyph',
                   type: 'pictorialBar',
                   barGap: '-100%',
                   symbolPosition: 'end',
                   symbolSize: 50,
                   symbolOffset: [0, '-120%'],
                   data: [{
                       value: res.data.values[0].valueSpendTime,
                       symbol: pathSymbols.lanqiu,
                       symbolSize: [25, 25]
                   }, {
                       value: res.data.values[1].valueSpendTime,
                       symbol: pathSymbols.yumaoqiu,
                       symbolSize: [25, 25]
                   }, {
                       value: res.data.values[2].valueSpendTime,
                       symbol: pathSymbols.paobu,
                       symbolSize: [25, 25]
                   }, {
                       value: res.data.values[3].valueSpendTime,
                       symbol: pathSymbols.yuedu,
                       symbolSize: [25, 25]
                   }, {
                       value: res.data.values[4].valueSpendTime,
                       symbol: pathSymbols.shufa,
                       symbolSize: [25, 25]
                   }, {
                       value: res.data.values[5].valueSpendTime,
                       symbol: pathSymbols.lvyou,
                       symbolSize: [25, 25]
                   }, {
                       value: res.data.values[6].valueSpendTime,
                       symbol: pathSymbols.dayouxi,
                       symbolSize: [25, 25]
                   }, {
                       value: res.data.values[7].valueSpendTime,
                       symbol: pathSymbols.kandianying,
                       symbolSize: [25, 25]
                   }]
               }]
           })



           //point
           pointData.pointName = res.data.names

           pointData.score.score0 = res.data.values[0].valueStar,
           pointData.score.score1 = res.data.values[1].valueStar,
           pointData.score.score2 = res.data.values[2].valueStar,
           pointData.score.score3 = res.data.values[3].valueStar,
           pointData.score.score4 = res.data.values[4].valueStar,
           pointData.score.score5 = res.data.values[5].valueStar,
           pointData.score.score6 = res.data.values[6].valueStar,
           pointData.score.score7 = res.data.values[7].valueStar,



           ElMessage({
               showClose: true,
               message: '统计图已更新',
               type: 'success',
           })

        })


       request.get('/user/page?pageNum=0&pageSize=5').then(res => {

           pointData.studentSum =  res.total
       })

       request.get('/article/page?pageNum=0&pageSize=5').then(res => {

           pointData.articleSum =  res.total
       })

       request.get('/file/page?pageNum=0&pageSize=5').then(res => {

           pointData.fileSum =  res.total
       })



   }


    // watch(
    //     () => pointData.studentSum,
    //     (count, prevCount) => {
    //         getData()
    //         pointData.studentSum =  count
    //     }
    // );



</script>

<style scoped>
    .box{
        display: flex;
        /*min-height: 100%;*/
        flex-direction: column;
        /*background-color: lightgreen;*/
    }
    .carousel-box{
        margin-top: 20px;
        /*height: 500px;*/
        width: 100%;
        /*background-color: #5bf466;*/
    }
    .top-box{
        margin: 30px 0px;
        height: 30%;
        width: 100%;
        background-color: #F3F3F4;
        display: flex;
        /*border-bottom: 1px dashed lightblue;*/
        justify-content: space-around;

    }
    .bottom-box{
        height: 70%;
        width: 98%;
        margin-left: 12px;
        display: flex;

        background-color: #fff;
        border-radius: 5px;
        /*justify-content: space-around;*/
    }
    .top-left{

        width : 250px;
        height: 140px;
        margin-top: 12px;

                 /*background-color: lightcoral;*/
    }
    .top-middle{
        width : 250px;
        height: 140px;
        margin-top: 12px;
        /*background-color: lightgreen;*/
    }
    .top-right{
        width : 250px;
        height: 140px;
        margin-top: 12px;
        /*background-color: olive;*/
    }
    /* 下盒子 */
    .bottom-left{

        width : 75%;
        min-height: 100%;
        /*background-color: #56f04c;*/
    }
    .bottom-right{
        width : 25%;
        min-height: 100%;
        /*background-color: olive;*/
        display: flex;
        flex-direction: column;
        /*justify-content: space-around;*/
        line-height: 40px;
        align-items: center;
    }
    .lanqiuPoint_c{
        /*color: lightcoral;*/
        font-size: 14px;
    }

    /* el-carousel__item*/
    .el-carousel__item h3 {
        color: #475669;
        font-size: 14px;
        opacity: 0.75;
        line-height: 200px;
        margin: 0;
        text-align: center;
    }

    .el-carousel__item:nth-child(2n) {
        background-color: #99a9bf;
    }

    .el-carousel__item:nth-child(2n + 1) {
        background-color: #d3dce6;
    }
</style>